<template>
	<view id="app">
		<view class="aboutus">
			<text>关于我们</text>
			<image mode="aspectFit" :src="imgurl"></image>
			<text>{{infotext}}</text>
		</view>
		<view class="contactus">
			<text>联系我们</text>
			<text>Tel:0531-59696636</text>
			<text>WeChat:feixiang0006963</text>
			<text>Address:北京市朝阳区京顺路111号世界购物中心</text>
		</view>
	</view>
</template>

<script setup>
	import {ref,onMounted} from "vue"
	import http from "../../utils/http";
	//定义一个数组容器
	let allData=ref([]);
	//定义图片容器
	let imgurl = ref('123')
	let infotext= ref('12')
	//请求页面数据函数
	const getData = () => {
	  http({
	    url: "/setUp/aboutUs/list",
	    params: {
			id:1
	    },
	  }).then((data) => {
	    console.log(data.data);
	    if (data.code == 0) {
			imgurl.value = data.data.photo
			infotext.value = data.data.aboutUs
			// console.log(infotext)
			
	    }
	  });
	};
	//挂载后
	onMounted(()=>{
		getData()
	})
	//返回
</script>

<style lang="less">
	#app{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.aboutus{
		display: flex;
		flex-direction: column;
		width: 650rpx;
		border-bottom: 1px solid rgb(230, 230, 230);
		padding-bottom: 30rpx;
	}
	.aboutus>image{
		height: 350rpx;
		margin: 30rpx 0;
	}
	.aboutus>text:nth-child(1){
		color: rgb(47, 120, 255);
		font-size: 44rpx;
		margin-top: 50rpx;
		font-weight: 700;
	}
	.aboutus>text:nth-child(3){
		font-size: 28rpx;
		line-height: 46rpx;
	}
	.contactus{
		display: flex;
		flex-direction: column;
		width: 650rpx;
		margin-top: 50rpx;
	}
	.contactus>text:nth-child(1){
		color: rgb(47, 120, 255);
		font-size: 44rpx;
		font-weight: 700;
		margin-bottom: 10rpx;
	}
	.contactus>text:nth-child(2),
	.contactus>text:nth-child(3),
	.contactus>text:nth-child(4){
		margin-top: 20rpx;
		font-size: 24rpx;
	}
</style>
